.aimageviewer {
    border      : solid 3px black;
    display     : table;
    padding     : 8px;
}

.aimageviewer .indicatorbar {
    text-align  : center;
    border-bottom: solid 1px gray;
}

.aimageviewer .indicator {
    content         : "&nbsp;&nbsp;&nbsp;";
    background      : url(../img/circle_gray.png) no-repeat center center;
    border          : none;
    background-color: transparent;
    display         : inline;
    width           : 12px;
    height          : 12px;
}
.aimageviewer .indicator:hover {
    text-decoration : none;
}

.aimageviewer .image {
    padding         : 10px;
    text-align      : center;
}

.aimageviewer td { width: 33%; }

.aimageviewer .navbar_left { text-align:left; }
.aimageviewer .navbar_center { text-align:center; }
.aimageviewer .navbar_right { text-align:right; }

.aimageviewer .comment {
    border-top      : solid 1px gray;
    font-size       : 8pt;
}

.aimageviewer .active {
    background      : url(../img/circle_green.png) no-repeat center center !important;
}